﻿<%@ Page Title="Option Choice" Language="C#" MasterPageFile="~/Client/Client.Master" AutoEventWireup="true" CodeBehind="OptionChoice.aspx.cs" Inherits="Travel.Api.Site.OptionChoicePage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
    $(function () {
        $.datepicker.setDefaults($.datepicker.regional[""]);
        $("#<%= txtStartDate.ClientID %>").datepicker($.datepicker.regional["en-GB"]);

        $("#<%= txtStartDate.ClientID %>").datepicker({
            showmonth: true,
            autoSize: true,
            showAnim: 'slideDown',
            duration: 'fast'
        });
        $("#btnShowDate").click(function () {
            $("#<%= txtStartDate.ClientID %>").datepicker('show');
        });
    });
   </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<div class="page_header">
    <h2><img src="<%=ResolveClientUrl("~") %>images/design/dashboard_icon.png" alt="" title="" /> Selected options</h2>
</div>
<div class="form-horizontal fieldset_cotent">
    <div class="row">
        <div class="col-lg-3">
            <div class="input-group">   
                <asp:TextBox ID="txtStartDate" CssClass="form-control" ValidationGroup="newItem" runat="server" placeholder="StartDate"></asp:TextBox>
                <span class="input-group-btn">
                    <button class="btn btn-default" type="button" id="btnShowDate">
                        <img src="<%=ResolveClientUrl("~") %>images/calander_icon.png" alt="calander" title="Calander" />
                    </button>
                </span>
            </div>
            <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="txtStartDate" runat="server" Text="*" ValidationGroup="newItem" ForeColor="Red" Display="Dynamic" />
        </div>
        <div class="col-lg-9" style="border-left: 1px solid #c6c6c6;">
        <asp:Repeater runat="server" ID="grid" OnItemDataBound="grid_ItemDataBound" >
            <ItemTemplate>
                <div class="col-lg-12" style="padding-top:5px;">                                    
                    <div class="form-group">
                        <div class="col-lg-3" style="text-align:right;vertical-align:middle; padding-top:8px;">
                            <asp:HiddenField ID="hidId" Value='<%#Eval("OptionId")%>' runat="server" />
                            <asp:Label runat="server" ID="lblOptionName" Text='<%# Eval("OptionName") + ": "%>' CssClass="control-label" />
                        </div>
                        <div class="col-lg-9">
                            <asp:DropDownList runat="server" ID="ddlOptionChoice" DataValueField="ChoiceId" DataTextField="ChoiceDescription" CssClass="form-control"/>
                        </div>
                    </div>
                </div>
            </ItemTemplate>
        </asp:Repeater>
        </div>
    </div>
    <div class="button_group">
        <asp:Button CssClass="btn apps_btn apps_gray_btn" ID="btnClear" Text="Clear" runat="server" OnClick="btnClear_Click"  />
        <asp:Button CssClass="btn apps_btn apps_gray_btn" ID="btnSubmit" Text="Submit" runat="server" OnClick="btnSubmit_Click" ValidationGroup="newItem" />
    </div>
</div>


</asp:Content>
